<template>
  <div class="contact">
    <img class="qr" src="@/assets/ke_qr.jpg" alt="客服二维码" />
    <button type="button" class="btn">或拨打：0755-89542365</button>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.contact {
  margin: 134px 15px 0 15px;
  width: 343px;
  height: 337px;
  background: url(~@/assets/kfbg.png) center no-repeat;
  background-size: cover;
  text-align: center;
  overflow: hidden;
  .qr {
    margin-top: 138px;
    width: 130px;
    height: 130px;
  }
  .btn {
    width: 300px;
    height: 45px;
    margin-top: 9px;
    padding: 0;
    border: none;
    border-radius: 23px;
    background: linear-gradient(
      267deg,
      rgba(255, 69, 69, 1),
      rgba(252, 127, 118, 1)
    );
    color: #fff;
    box-shadow: 0px 1px 8px 0px rgba(255, 164, 164, 1);
  }
}
</style>